<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <header>
        <h1>同城旅游用户注册界面</h1>
    </header>
    <section class="regist-section">
        <div class="item">
            <label >手机号码：</label>
            <input type="text" placeholder="请填写手机号码">
        </div>
        
        <div class="item">
            <label >登录密码：</label>
            <input type="password" placeholder="请填写密码">
        </div>
        <div class="item">
            <label >确认密码：</label>
            <input type="password" placeholder="请再次填写密码">
        </div>
        <div class="item">
            <label >验证码：</label>
            <input  type="text" class="validate-input">
            <img src="./inde.png" alt="验证码图片">
            <a href="#">换一张</a>
        </div>
        <div class="protcol">
            <input type="checkbox" ><span>我有同城旅游合作联系</span>
        </div>
        <div class="protcol">
            <input type="checkbox" ><span>我已阅读并同意</span>
            <a href="#">同城旅游服务条款</a>
        </div>
        <div class="btn-regist">同意服务条款并注册</div>
    </section>
    <footer>
        CopyRight 2016 trip.com
    </footer>
</body>
</html>